#{extends 'main.html' /}
   
<h3>Détails pour la candidature sur le stage ${stage}</h3>
     
#{form @detailscandid()}

#{field 'idStage'}
		<input type="hidden" name="idStage" id="idStage" value="${stage.id}" />
#{/field}
	
 	 <p>
 	 #{field 'logement'}
    	<label for="logement">Demande de logemement pour le stage : </label>
    	<input type="checkbox" id="checkB" name="logement"/>
    #{/field}
    </p>
 	
 	<p>
 	#{field 'motivation'}
        <label for="motivation">Motivation* :</label>
        <textarea name="motivation" id="motivation" value="${c?.motivation}"></textarea>
    #{/field}
    </p>

	#{if (agent.niv.niv == 0)}
	<label for="role">Rôle : </label>
	<input type="hidden" name="role" id="role" value="3" />
	<p>
	stagiaire
	</p>
	#{/if}  
	
    	#{else} 
    		<p>
	 	    <label for="role">Rôle * :</label>
	        #{select 'role', items:roles, id:'role', onchange:'afficher();'}
	       
            #{option 0}-- Choisir une valeur --#{/option}
       
	        #{/select}	    
	    	</p>
	#{/else}
			
	

	
		
		<div id="champ_cache">
	        <p> 
        	    #{field 'precisiondate'}
        	        <label for="precisionDate">Date de disponibilité :</label>
                    <textarea name="precisionDate" id="precisionDate">${c?.precisiondate}</textarea>
                #{/field}
     	    </p>
         </div>     		
    <p style="margin-top:30px">    
        <center><input type="submit" value="Enregistrer la candidature" /></center>
    </p>
    <p><i>* Champs obligatoires<i></p>
#{/form}

<script type="text/javascript">

document.getElementById("champ_cache").style.display = "none";

function afficher()
{
	if(document.getElementById("role").value==1 || document.getElementById("role").value==2){
	    document.getElementById("champ_cache").style.display = "block";
	}
    else{
        document.getElementById("champ_cache").style.display = "none";
    }
}
</script>